<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--
  Jmudim test 1.0

A Jquery plugin test file for typing Vietnamese in internet browser's fields and text areas.  
It's a wrapper on top of the favorite javascript MUDIM Viet typing method (http://code.google.com/p/mudim/)

Copyright (c) 2010 Mike Ma
http://www.vietoogle.com
-->

<head>
  <title>JMudim Test Page</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

  <!-- jquery include -->
  <script type="text/javascript" src="jquery-1.4.2.min.js"></script>

  <!-- jquery ui include -->
  <link type="text/css" href="../../java/jquery/jqueryui18/css/start/jquery-ui-1.8.4.custom.css" rel="stylesheet"/>
  <script type="text/javascript" src="../../java/jquery/jqueryui18/js/jquery-ui-1.8.4.custom.min.js"></script>
  
  <!-- fancybox include -->
  <script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
  <script type="text/javascript" src="fancybox/jquery.fancybox-1.3.1.js"></script>
  <link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.1.css" media="screen" />
  
  <!-- jmudim include -->
  <script type="text/javascript" src="mudim.js"></script>
  <script type="text/javascript" src="jmudim-1.0.min.js"></script>

<!-- calling jmudim -->
<script type="text/javascript">
	$(function() {
		$(".testmudim").jmudim({
		dialog_mode: 'fancybox', 
		vtyping_mode: 'off'});
	});
</script>

<style>
.labelCl {
	font-weight: bold;
	padding-right: 2px;
}
</style>

</head>
<body bgcolor="#ffffcf">
<div style="float:left; margin-left:50px; margin-right:50px">
<h1 style='color:blue'>Simple JMUDIM Testing</h1>
<div>
<table>
	<tr>
	<td><label class='labelCl'>Input 1 with jmudim:</label></td><td><input class='testmudim' type="text"/></td>
	</tr>
	<tr>
	<td><label class='labelCl'>Input 2 without jmudim:</label></td><td><input type="text"/></td>
	</tr>
	<td><label class='labelCl'>Textarea with jmudim:</label></td><td><textarea cols=40 rows=6 class='testmudim'></textarea></td>
	</tr>
</table>
</div>

</body>
</html>
